<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>markdown-it-toc-done-right</title>

  <style>

    body {
      scroll-behavior: smooth;
    }

    /* More about scroll-behavior @ <https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior> */

    ol {
      counter-reset: list-item;
    }

    li {
      display: block;
      counter-increment: list-item;
    }

    li:before {
      content: counters(list-item, '.') ' ';
    }

    /* More about nested counters @ <https://www.w3.org/TR/css-lists-3/> */

  </style>

  <style>
    #nav{
      position:fixed;
      top:0;
      right:0;
    }
  </style>
  <script src="../../../TODO/markdown-it-toc-done-right-master/index.js"></script>

</head>
<body>
<div id="nav"></div>
<div id="article"></div>
<script src="https://unpkg.com/markdown-it/dist/markdown-it.min.js"></script>
<script src="https://unpkg.com/markdown-it-anchor/dist/markdownItAnchor.umd.js"></script>
<script src="./uslug.js"></script>
<script src="./markdownItTocDoneRight.umd.js"></script>
<!-- text/markdown isn't a standard, but has an informational rfc @ <https://tools.ietf.org/html/rfc7763> -->
<script id="md" type="text/markdown">
**Table of Contents**

toc123

# Lorem ipsum dolorem σιτ αμετ

# Dolorem quae urimur illo nomina Lucinam et

## Non dextrum gerebat sequentia inpetus

Lorem markdownum detrahe sublimia vetat, se eicit decepit exstant pedum
tumidisque amore maius summas caeli, flagrans. Est quae iam proturbat culpavit
terram exemplum liquidum vertice hic. Danai etiam. Matrum te verae vult dumque
est natura tamen animos corpusque deduxit, vites preces ambobus cruentato.
Cribri promittere cruor, sine, hunc sedent Pico, fraudo Threicius exigua
finierat adversum.

    open -= constantStation;
    multimedia_software = dataFilePlug(parallel_boot_xslt, characterDrive -
            nybble, mountain(computer(ppgaCpmPda)));
    if (46) {
        fddiBackside = cpm;
    }
    heapCertificateImpact.switch_character.null_domain(-2 - dll,
            boot_memory_toslink(3, leaderboard_control, defaultRomVfat) *
            ergonomics_sdsl_telecommunications.fullBugAscii(copyControllerBar,
            443871), vramReadFavorites(chipset_hdtv.cluster_digital_veronica(
            online, odbcUrlBackside)));
    port_clipboard_zip.illegal(sslCircuit + page_box, 1, -5);

Linguas proiecerat tenus, est veluti in urbe sum aere, mille et ego petit, est
causa concipit. Secreta Emathion maxima terra perde quem, sit terga quid restare
corpora cum fecit patriae habent. Sed regia, *nec non veretur*, mundi spes
latus, ante saxum, quem glacies nam sonat?

## Cum hanc dixerat

Oro egi **commota** per terras *aurigam sustineam* congelat, ab vehebat saeve
discede illa praedam: puer hoc prior. Deseruere corpus longo, in per sub, plus
amatum tamen divitias formam. Fallunt incertam, paruit illum eque, hoc ea sol
inmurmurat edax: nympharum. Tenebrasque et tandem portis corpora Phoebus, nihil
tamen visum. Rescindere rubetis!

- Hamos relinquit fregit Peneos
- Cum lacrimis
- Et super
- Non vir rore petiit

Fletus copia, receperat Cinyreia, contermina sine. Renarrant Aegides hamos et
neque ignem desint Interea arcumque et tenent quondam inrequieta. Pyramus
creberrima iamque freta subigebat cum venit capillo, Noemonaque deum, ait. Vacet
Dianae; hunc contigit, tibi cum; lymphis tempora potuisse **illo** sparsas
Phryges vivacemque fixit, saepe gurgite. Vidit virginem inscribit sine: ludunt
longis.

Aquis *currus*; non caelesti dulcis; hostem ex, arentis trado. Successit est
veneni formidatis linguas sit: cinctaque *concipit Ammon non*, nondum Elis exeat
collem nam. Ausa manebit, fulmina Calaureae potuit magnis vitiantes ambos
poposcerit qui parte. Medio venitque delabor.

### Et rure ponto

Lorem markdownum vinco **dedit**, et valentior illam videt: suos agros placare
cum ignes toto tortilis! Vim leti differtis placuit sidera, in bifores senes
dictis inplumes cornu ut sibi? Ille caput cornua non ducat si in, *Parnaside
gentisque* permaneo nubibus erat vi mihi extemplo satis parum promittere
habebat. Praebentque rictu *Iuppiter gressu*; ubi tempus quo, et!

1. Non saxa
2. Pressam corpus omnibus profuit tempore sedant
3. Aera resolvit adunco subscribi maesta

Monstrare moratur loris, ira necem membris, tibi hamo sed in quae: nam fata te
noctis et consulit. Amisit lato matris aevi inultos, certus. Atque tutius.

### Illis Parin

Nati capacius certaque similisque iussos, Peleus latum quoniam Cytherea nam
litora huic medio pro. Potuit Clytumque quae feruntur, nam evehor audit condit,
et cornua quater ingeniis Hebrum se. Mille vel corpore crudelis certamine,
sudore pro tamen cum **mensis dicta Pelasgae** tenus!

1. Licet suadent sex eadem
2. Vanis potest dubio
3. Qui iuventus nulla ecquis nota frigida in
4. Deos potentibus repetitum tanges iaculantem est

# Tantae spretor totaque habet

## Conduntur iunxit

Lorem markdownum monte vestros praelata patrium pudorem, et quique si trementes
adloquitur mihi: clavam: et una. Dolendi filis offensamque regina gloria quod
lucis sine potentia dextera sospite velut mane parte auxilioque iamque.

Nulli substiterat Circaea noctes: natura! Movere arces; opus crura vincirem.
Deum ictu lecto inducere primus non saxa sacravere figere facundia indicio
[formosius Aesoniden medios](http://valuereraptaturque.io/) nobiliumque dextera
canum. Canor agrestis, pars illa mundi uterum trepidum tauro maneret pecudesque
riget, hanc sorores cape; temptat, ferebam. Evanida enutrivere carmen serasque
squamaque disiectisque passu inane iustis, clauduntur mortes innumeris **dolore
laevae**, mortisque patiere!

> Lacertis hortator furibunda oracula amnem superque epulasque pariter petiit,
> bitumen principium, et sono, crinibus, quo eo. Dicta certate laetabitur messes
> facta et Famem! [Amor](http://enim-viaque.net/) et vidi Hymenaeus, arcus
> moenia. Est generosior volucrem marmore Ophias, mutando silvis corpora teste,
> quae!

## Nec in favillae

Ferro murmure. Ire regales vina, vix callida meruere pocula est patria
*instanti*?

Illo ille quam talibus corpus victa vultus Ulixes ne inpatiens te oculi pinna
imago artis. Nunc non **novis** umor pontum fuisset in nam vertice penthea
[callida](http://vivere.org/durastisphoenica). Vacuo loco faucibus, liquidis
convicti caesoque validis vocato et adde intellecta gravem.

- Linguis illis
- Florem ea et tantum veloque
- Est saeva ademit Britannos praepetis me recumbis
- Dicere externis candida integer Eumenidum secuti ponite

Es aristas vitam fraternis cernis, et **quod flumina parente** Aetnam sicut; est
venisse tantis **inritaturque fronte**! Sperchionidenque pugnant derigere
laboris talia! A canis errasse optatis acumine populus, et Iove vincere adludit.

Posse locum deorum montibus rubor quoque, in pater timorem. Qua fortunatumque
simul qui quoque, habebant poteris mota iuvenem creatis nullum. Prodigiosa
dicere, Colchis, et morti deos Ascalaphus neque speciem.

# 日本語

等区ふいあョウコ、させせへ阿模派魔舳都ほ保氏魔、舳鵜阿都毛鵜瀬ち。個模日根列くコウセ目野ゅょきゆメマセほけ譜阿等阿。し留と。ん、御素個つもう毛模差舳野個ふあうむふゆ露舳えなん屋差。擢めッュク。

ひれ瀬個ふとらうらへうお無魔おいたはておた日くたてぬたんフミン目都ハソシレンチ等日っおすえ巣留ヤルミ「マソひきへ夜氏保雲」知露素留根知留もかほ巣尾夜区二ほ目舳夜根きねとてるにれ手知りぬゃそ。

留巣巣留屋えれセセヤエリモー。そほえ雲等雲れ毛ふは差課保御のなゆちは屋鵜ケソヘヨ保うこはお、キイモミメまへたおらうめや舳ュアオュヌコえほへにりひ魔模離魔手ろむ等津にいゆ区目擢瀬名個二派魔派せお夜。

# 한글

용기가 운다, 불어 불러 되려니와, 위하여 그들은 얼마나 소리다. 가진 끝까지 품고 만천하의 천지는 생생하며. 이상은 기관과 것이다. 천자만홍이 실현에 힘차게 쓸쓸한 아니한 청춘의 힘있다. 그들의 그들의 이것이다. 없으면 관현악이며.

있는가?없으면. 품고 꽃이 수 싹이 이상이 쓸쓸하랴? 가치를 가치를 황금시대를 꾸며 작고 웅대한 것이다. 예가 되는 봄바람이다, 힘있다, 위하여 석가는 이상 살 내려온 듣는다. 청춘 그러므로 앞이 그들은 뼈 봄바람을 군영과 놀이 있는가? 시들어 물방아 보이는 같이 용감하고 철환하였는가 사막이다. 위하여 내는 사는가 따뜻한 자신과 것이다. 가장 가치를 같은 용감하고 보이는 이것은 구하지 그들은 있는가? 우리의 고동을 찾아 갑 있다.

과실이 그러므로 피어나기 약동하다. 곧 크고 낙원을 온갖 봄바람이다, 몸이 품으며. 가치를 그림자는 그들의 이상을 풍부하게 할지라도 바이며. 속에서 있는 예가 때문이다. 듣기만 이상 할지니, 용감하고 얼마나 그들을 사라지지 있으며. 만물은 품었기 따뜻한 석가는 봄바람이다.

# 繁体

洸土嫉円謙線李際針雨集対花向除述。階出報査然沢提稿竹躍集万雨曲。以張嵐患病責川右写香芸訃住本売期。楽人変表組満都比前芸決公伝定令団追針任道。卒宗砂幾野住経監説航思経子町者除条鳥果画。在断動市鈴鮮高施能懲兆要際名向。当導合試捕投親常峰明構動棄見訴権山。斉美動帳際出考交岩禁談事元警思来真。何会席協陣得弱高水国魚政至与非。

採検原玉据以押自供米及断式数。円都唱督抱用速認組笑話天今泉路。倫組沢経成機無職内載碁券。修禁刻術知人添著者国復属更安項乗者。状見麦善制火速後改介員禁街東元。開住性代学続外需政医刊抜明愛体読馴情課。上必郵稿訓質氷狙紀士国新。割手聞程指暮送政画総読提若会台安湖。談残止読時駐席問負稿章約振確提。史換力銀肪今全連最声一加文初。

真就転際作重見二岐文情土。日備世演体横農別泉戒観提。詐発相注店新百比結請旋握失評身自土通舵職。惑史後邦質履大会談聞装止死士。真研大北校指自求加閉者破会模特持間子立。静国権長済熱報京緒低名場必板。菱廃報在減月断載野類写立資。広動美周文品大隠給迎京下益帯。覧止記利話点前石紙準京択。区中千教牧稿無闘更形法本引。

# A **heading** with *markup* `code` [link](https://github.com)

Imagine quamquam adpellatque medio passaque licet hunc vomit, ora et odio,
conveniens illis. Phoebus manet fata excussa lapsis? *Advertite* crocique. Nec
unus in finitque, non liquor, et tumet gelidos ambrosiae cumulusque perfectaque
iniustaque. Flexere rursus; patientia laboribus Naryciamque pervenit qui eris
Aegides cetera tecta, luce, quas verba Proserpina os.

> Hinc voluptas, milibus pete: bracchia Medusae gerit relinquit lebetes,
> dubitate additus tecta **coquiturque**. Sensit melliferarum suorum
> Orchomenosque omni tractoque sui male, sibi tempora habebit, sanguine, me.

</script>
<script>

  var uslugify = function (s) {
    return window.uslug(s);
  };

  var md = window.markdownit();
  md.use(window.markdownItAnchor, {
    permalink: true,
    // permalinkBefore: true,
    permalinkSymbol: '§',
    // permalinkSymbol: '<svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg>',

    //TODO what the fk doing?
    //Unicode is supported by default. Yet, if you are looking for a "prettier" --opinionated-- link, i.e without %xx, you may want to take a look at uslug:
    // slugify: uslugify/*, level: 2*/

  })
    .use(window.markdownItTocDoneRight, {
        placeholder: 'toc123' // 默认以下占位符皆可匹配：${toc}, [[toc]], [toc], [[_toc_]]

        //容器是个<nav>
        , containerClass: 'class-for-t-o-c' // 默认为"table-of-contents"
        , containerId: 'id-for-t-o-c' // 默认是没有id的
        , listClass: 'class-for-list' // 默认没有 就是给ol/ul 设置类名
        , itemClass: 'class-for-item' // 默认没有 就是给li设置类名
        , linkClass: 'class-for-link' // 默认没有 就是给a设置类名
        , listType: 'ul' // 默认为ol

        // A function (html, ast) {} called after rendering.
        , callback: function (html, ast) {
          console.log('html:', html); // 即生成的toc的html代码
          console.log('ast:', ast);
          nav.innerHTML = html
          return false
        }

        // toc生成结构是这样的 nav>ul/ol>li>a
        // 这里的format是决定 a 里的内容是怎样呈现的
        ,format: function format(x, htmlencode) {
          // console.log('x:', x); // 即a里的文本内容
          // console.log('htmlencode:',htmlencode); // 一个函数 目测用来转译
          return `<span>${htmlencode(x)}</span>`;
        }

        //TODO what the fk？ 如果是2的话 toc就显示不全了
        // emmm 难道是 h(n) 的n的等级？
        ,level: 1 // 默认为1 Minimum level to apply anchors on or array of selected levels
        //TODO what the fk doing?
        //Unicode is supported by default. Yet, if you are looking for a "prettier" --opinionated-- link, i.e without %xx, you may want to take a look at uslug:
        // ,slugify: uslugify/*, level: 2*/
      }
    );
  article.innerHTML = md.render(document.getElementById("md").innerHTML);

</script>
</body>
</html>
